import { Resizable } from 'react-resizable';
import React, { useEffect, useState } from 'react';
import { ProFormText, ProFormDateTimePicker, ProFormSelect, ProFormRadio, ProForm, ProFormDatePicker } from '@ant-design/pro-components';
import { InputNumber, Select } from 'antd'
import './style.less';
import axios from 'axios';

export default function applyLeave() {
  // 日期控制
  const [readonly, setReadonly] = useState(false);
  // 物流清单主题‘
  const [BOMTitle, setBOMTitle] = useState("")
  let BOMonChange = (e) => {   // 修改物料清单主题的ProFormText框
    setBOMTitle(e.target.value)
  }
  // 制单人员
  const [BOMStaff, setStaff] = useState("原料供应商")
  // 产品名称
  const [productName, setProductName] = useState("")
  let productChange = (e) => {
    setProductName(e.target.value)
  }
  // 数量
  const [BOMNum, setCountNum] = useState("")
  let NumChange = (e) => {
    setCountNum(e.target.value)
  }
  // 保存
  let SubmitClick = () => {
    console.log("主题", BOMTitle);
    console.log("制单人员", BOMStaff);
    console.log("产品名称", productName);
    console.log("数量", BOMNum);
    let data = { BOMTitle: BOMTitle, BOMStaff: BOMStaff, productName: productName, BOMNum: BOMNum, BOMID: "WSD123442XX" }
    axios.post("/api/wl/add", data).then(value => {
      console.log(value);

    })
  }

  return (
    <div className="applyLeave">
      <div className="applyleave">
        <button onClick={SubmitClick}>保存</button>
        <button>保存且新增</button>
        <button>草稿箱</button>
        <button>导入</button>
      </div>
      <div className="applyLeaveContent">
        <h1>供应商档案</h1>
        <table className="table">
          <thead>
            <th colSpan={8}>基本信息</th>
          </thead>
          <tbody>
            <tr>
              <td><span>*</span> 供应商名单：</td>
              <td>
                <ProFormText onChange={BOMonChange} placeholder="请输入物料清单主题" value={BOMTitle} />
              </td>
              <td>
                供应商编号：
              </td>
              <td>
                <ProFormText
                  width="md"
                  name="anumber"
                  // disabled
                  placeholder={'保存后自动生成'}
                />
              </td>
              <td>
                供应商类别：
              </td>
              <td>
                <ProFormSelect
                  name="department"
                  // disabled
                  value={BOMStaff}
                  placeholder=""
                />
              </td>
              <td>
                供应商等级：
              </td>
              <td>
                <ProFormSelect
                  name="department"
                  // disabled
                  value={BOMStaff}
                  placeholder=""
                />
              </td>
            </tr>
            <tr>
              <td>所在省份：</td>
              <td>
                <ProFormSelect onChange={BOMonChange} placeholder="请输入物料清单主题" value={BOMTitle} />
              </td>
              <td>
                所在市区：
              </td>
              <td>
                <ProFormSelect
                  // width="md"
                  name="anumber"
                // disabled
                // placeholder={'保存后自动生成'}
                />
              </td>
              <td>
                所属行业：
              </td>
              <td>
                <ProFormSelect
                  name="department"
                  // disabled
                  value={BOMStaff}
                  placeholder=""
                />
              </td>
              <td>
                联系人：
              </td>
              <td>
                <ProFormText
                  name="department"
                  // disabled
                  value={BOMStaff}
                  placeholder=""
                />
              </td>
            </tr>
            <tr>
              <td> 部门：</td>
              <td>
                <ProFormText onChange={BOMonChange} placeholder="请输入物料清单主题" value={BOMTitle} />
              </td>
              <td>
                职务：
              </td>
              <td>
                <ProFormText
                  width="md"
                  name="anumber"
                // disabled
                // placeholder={'保存后自动生成'}
                />
              </td>
              <td>
                性别：
              </td>
              <td>
                <ProFormRadio.Group
                  name="radio"
                  // label="Radio.Group"
                  options={[
                    {
                      label: '男',
                      value: 'a',
                    },
                    {
                      label: '女',
                      value: 'b',
                    },
                  ]}
                />

              </td>
              <td>
                生日：
              </td>
              <td>
                <ProFormDatePicker name="date" />
              </td>
            </tr>
            <tr>
              <td>籍贯：</td>
              <td>
                <ProFormText onChange={BOMonChange} placeholder="请输入物料清单主题" value={BOMTitle} />
              </td>
              <td>
                办公电话：
              </td>
              <td>
                <ProFormText
                  width="md"
                  name="anumber"
                  placeholder={'保存后自动生成'}
                />
              </td>
              <td>
                手机号码：
              </td>
              <td>
                <ProFormText
                  name="department"
                  // value={BOMStaff}
                  placeholder=""
                />
              </td>
              <td>
                家庭电话：
              </td>
              <td>
                <ProFormText
                  name="department"
                  // value={BOMStaff}
                  placeholder=""
                />
              </td>
            </tr>
            <tr>
              <td>微信：</td>
              <td>
                <ProFormText onChange={BOMonChange} placeholder="请输入物料清单主题" value={BOMTitle} />
              </td>
              <td>
                QQ：
              </td>
              <td>
                <ProFormText
                  width="md"
                  name="anumber"
                  placeholder={'保存后自动生成'}
                />
              </td>
              <td>
                电子邮箱：
              </td>
              <td>
                <ProFormText
                  name="department"
                  // value={BOMStaff}
                  placeholder=""
                />
              </td>
              <td>
                邮编：
              </td>
              <td>
                <ProFormText
                  name="department"
                  // value={BOMStaff}
                  placeholder=""
                />
              </td>
            </tr>
            <tr>
              <td>公司地址：</td>
              <td>
                <ProFormText onChange={BOMonChange} placeholder="请输入物料清单主题" value={BOMTitle} />
              </td>
              <td>
                法人代表：
              </td>
              <td>
                <ProFormText
                  width="md"
                  name="anumber"
                  placeholder={'保存后自动生成'}
                />
              </td>
              <td>
                注册资本（万元）：
              </td>
              <td>
                <ProFormText
                  name="department"
                  // value={BOMStaff}
                  placeholder=""
                />
              </td>
              <td>
                人员规模：
              </td>
              <td>
                <ProFormText
                  name="department"
                  // value={BOMStaff}
                  placeholder=""
                />
              </td>
            </tr>
            <tr>
              <td>公司简介：</td>
              <td colspan={8}>
                <input type="text" />
              </td>
            </tr>
          </tbody>
        </table>
        <table className="table">
          <thead>
            <th colSpan={8}>业务情况</th>
          </thead>
          <tr>
            <td className='yui'>合作情况简介：</td>
            <td colspan={8}>
              <input type="text" style={{height:"139px"}} />
              {/* <textarea style={{height:"139px",width:"100%"}}></textarea> */}
            </td>
          </tr>

        </table>
        <table className="table">
          <thead>
            <th colSpan={8}>财务信息</th>
          </thead>
          <tbody>
            <tr>
              <td>开户银行：</td>
              <td>
                <ProFormText onChange={BOMonChange} placeholder="请输入物料清单主题" value={BOMTitle} />
              </td>
              <td>
                账号名称：
              </td>
              <td>
                <ProFormText
                  width="md"
                  name="anumber"
                  placeholder={'保存后自动生成'}
                />
              </td>
              <td>
                银行账号：
              </td>
              <td>
                <ProFormText
                  name="department"
                  // value={BOMStaff}
                  placeholder=""
                />
              </td>
              <td>
                纳税人识别号：
              </td>
              <td>
                <ProFormText
                  name="department"
                  // value={BOMStaff}
                  placeholder=""
                />
              </td>
            </tr>
            <tr>
              <td>地址：</td>
              <td>
                <ProFormText onChange={BOMonChange} placeholder="请输入物料清单主题" value={BOMTitle} />
              </td>
              <td>
                电话：
              </td>
              <td>
                <ProFormText
                  width="md"
                  name="anumber"
                  placeholder={'保存后自动生成'}
                />
              </td>
              <td>
                
              </td>
              <td>
                
              </td>
              <td>
                
              </td>
              <td>
                
              </td>
            </tr>
            <tr>
              <td>账期（天）：</td>
              <td>
                <ProFormText onChange={BOMonChange} placeholder="请输入物料清单主题" value={BOMTitle} />
              </td>
              <td>
                每月几号结算：
              </td>
              <td>
                <ProFormText
                  width="md"
                  name="anumber"
                  // placeholder={'保存后自动生成'}
                />
              </td>
              <td>
                
              </td>
              <td>
                
              </td>
              <td>
                
              </td>
              <td>
                
              </td>
            </tr>
          </tbody>
        </table>
        <table className="table0">
          <tbody>
            <tr>
              <td colspan={9}>
                附件上传<button>批量上传</button>
              </td>
            </tr>
            <tr>
              <td>文件名称</td>
              <td>文件大小</td>
              <td>上传人</td>
              <td>上传时间</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td colspan={9}></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  );
}
